var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var reload = browserSync.reload;

// 静态服务器 + 监听 css/html 文件
gulp.task('serve', function () {

    browserSync.init({
        server: {
            baseDir: "./",
            // port: 80
        }
    });

    gulp.watch("css/*.css").on('change', reload);
    gulp.watch("js/*.js").on('change', reload);
    gulp.watch("*.html").on('change', reload);
});

// scss编译后的css将注入到浏览器里实现更新
// gulp.task('sass', function () {
//     return gulp.src("app/scss/*.scss")
//         .pipe(sass())
//         .pipe(gulp.dest("app/css"))
//         .pipe(reload({ stream: true }));
// });

gulp.task('default', ['serve']);